<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<link rel="stylesheet" type="text/css" href="js/lib/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="js/lib/swiper-3.4.2.min.css"/>
</head>
<body>
	<!--头部部分-->
	<div class="head">
		<div class="header">
			<ul class="header-left">
				<li>北京</li>
				<li>[切换城市]<span>|</span></li>
				<li>同城帮首页</li>
			</ul>
			<ul class="header-right">
				<li>登录<span>|</span></li>
				<li>注册<span>|</span></li>
				<li>我的订单<span>|</span></li>
				<li>在线客服(9:00-21:00)<span>|</span></li>
				<li>
					<select name="">
						<option value="">客户服务</option>
					</select>
					<span>|</span>
				</li>
				<li>论坛<span>|</span></li>
				<li>投诉建议</li>
			</ul>
		</div>
		<!--地图-->
		<div class="city-qie">
			<div class="city-head">
				<p>城市列表</p>
				<button>关闭&nbsp;&nbsp;&nbsp;X</button>
			</div>
			<div class="city-map">
				
			</div>
		</div>
		<!--登录-->
		<div class="header-enter">
			<div class="enter-top">
				<img src=""/>
				<p>欢迎登陆360同城帮</p>
				<p>X</p>
			</div>
			<div class="form">
				<span>账号</span><input type="text" name="" id="" value="" placeholder="手机号/用户名/邮箱"/><br />
				<span>密码</span><input type="text" name="" id="" value="" placeholder="请输入您的密码"/><br />
				<p><input type="checkbox" name="" id="" value="" /><span>下次自动登陆</span></p>
				<button>立即登陆</button><br />
				<div class="form-fot">
					<p>其他账号登陆:</p>
					<div class="fot-pic">
						
					</div>
				</div>
			</div>
			<div class="enter-fot">
				<p>
					<button>注册新账号</button><span>|</span><button>忘记密码？</button>
				</p>
			</div>
		</div>
		<!--注册-->
		<div class="header-register">
			<div class="register-top">
				<img src=""/>
				<p>欢迎登陆360同城帮</p>
				<p>X</p>
			</div>
			<div class="register-main">
				<div class="register-left">
					<p>手机注册</p>
					<p>邮箱注册</p>
				</div>
				<div class="register-right">
					<span>手机号</span><input type="text" name="" id="" value="" /><br />
					<p>请输入您的手机号</p>
					<span>验证码</span><input type="text" name="" class="yan" value="" /><input type="text" name="" class="yan" value="" /><br />
					<p>请输入您的验证码</p>
					<span>校验码</span><input type="text" name="" class="yan" value="" /><input type="button" name="" id="" value="获取验证码" /><br />
					<p>请输入您的校验码</p>
					<span>密码</span><input type="text" name="" id="" value="" /><br />
					<p>6-20个字符(区分大小写)</p>
					<button class="regs-btn">马上注册</button><br />
					<p><input type="checkbox" name="" id="" value="" style="height:10px;"/>我已经阅读并同意《360用户服务条款》</p>
				</div>
			</div>
		</div>
	</div>
	<!--同城帮logo-->
	<div class="city-logo">
		<img src="images/35.png" class="img-pic1">
		<ul class="nav nav-pills acce">
  			<li role="presentation"><a href="#">二手优品</a></li>
  			<li role="presentation"><a href="#">手机回收</a></li>
  			<li role="presentation"><a href="#">手机维修</a></li>
  			<li role="presentation"><a href="#">电脑维修</a></li>
  			<li role="presentation"><a href="#">以旧换新</a></li>
  			<li role="presentation"><a href="#">手机租用</a></li>
		</ul>
	</div>
	<!--轮播图-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"></div>
			<div class="swiper-slide"></div>
			<div class="swiper-slide"></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</body>
<script type="text/javascript" src="js/lib/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script src="js/lib/swiper-3.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$.ajax({
		type:"get",
		url:"json/lun.json",
		success:function (data) {
			for(var i=0;i<data.imgArr.length;i++){
			    var img=$("<img>");
			    img.attr("src",data.imgArr[i]);
			    img.appendTo($(".swiper-slide").eq(i));
			}
			var swiper = new Swiper('.swiper-container',{
				pagination:'.swiper-pagination',
				autoplay:1000,
				loop:true,
			})
		}        
	})
	
})

</script>	

</html>